<!-- 父组件 -->
<script setup>
// 引入 子组件
import UserProfile from '@/components/homeWork/child/UserProfile.vue'

// 引用 api
import { ref } from "vue";

// 内容
const content = ref("")

// 接受函数
function getContent(user) {
    content.value = `
    <h1>接受到的用户信息</h1>
    <p>用户名：${user.userName}</p>
    <p>邮箱：${user.email}</p>
    `
}
</script>

<template>
    <!-- 注册子组件 -->
    <UserProfile @get-content="getContent" />

    <!-- 父组件 -->
    <div v-html="content"></div>
</template>